<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/details.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="icon" href="./images/favicon.ico">
</head>
<body>
<div class="header">
    <p>
        <a href="index.html">
            <i class="iconfont icon-arrowleft"></i>
            <span>返回</span>
        </a>
        <span>商品详情</span>
    </p>
</div>
<div class="content">
    <img src="./images/86d8414272e50b4b9a7b185ac30dfc86.png">
    <div class="item-info">
        <p class="item-info-master">
            <span>直降</span>
            <span>包邮</span>
            <span>【山东】金秋红蜜桃 基地果园现摘现发 鲜甜红润肉厚 富含维生素</span>
        </p>
        <p class="item-info-slave">果园生态种植 皮薄香甜爽口 富含天然维C</p>
        <div class="item-info-price">
            <span>
                <span>&yen;</span>
                <span>44.9</span>
                <s>&yen;44.9</s>
            </span>
            <span>3932人购买</span>
        </div>
        <div class="specification">
            <div>
                <span>规格:</span>
                <span>x2</span>
            </div>
            <i class="iconfont icon-arrowright"></i>
        </div>
        <div class="addr">
            <div>
                <p>配送至:</p>
                <p>上海黄浦区非机动啥假发票感觉到破案机机感觉到破案机机感觉到破案机机机机机构</p>
            </div>
            <i class="iconfont icon-arrowright"></i>
        </div>
        <div>
            <i class="iconfont icon-zhengque"></i>
            <span>包邮</span>
        </div>
    </div>
    <!--商品详情-->
    <div class="detail">
        <div>—— 商品详情 ——</div>
        <div>
            <img src="./images/3e4b70023588c364c07d57bd57a59f27.jpg">
            <img src="./images/532ae56019d178d2c7d488a9651c2e69.jpg">
            <img src="./images/2c5a493361d67e9c2130e61b1b501236.jpg">
            <img src="./images/8bf6b4d8d7a6f790f16e23f6f5dfeba7.jpg">
            <img src="./images/06ef6e9c1a1120de1eb07e841514beb9.jpg">
            <img src="./images/310502fb071319691dc88e34c0a8d1c9.jpg">
            <img src="./images/502f0e21761e3ce9fc0df298a862e2bd.jpg">
            <img src="./images/78ef97bb7be96f54eeeef25d0b36647f.jpg">
            <img src="./images/5c8d80b1376980fb19f9c0c1c2fd7e95.jpg">
            <img src="./images/1a7684672b4330a9aab849623881033f.jpg">
            <img src="./images/94e4d1305d6d1683de526977323b0412.jpg">
            <img src="./images/e8141e9a1bf85ae880b88160c4644276.jpg">
            <img src="./images/e35d59d9e6996dadc6a6503b4e5f309b.jpg">
            <img src="./images/b343a47f5eb392868f72fbe7d42e256f.jpg">
            <img src="./images/28d52013b5fc7c6535ada898c1d008d2.jpg">
            <img src="./images/ee457bcf5fc02bca81221289bf6f7e5f.jpg">
            <div class="notice">
                ——预定流程及须知——
            </div>
            <img src="./images/group5.b0b24d0.png">
            <div>
                <h4>一、关于发货</h4>
                <h5>个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</h5>
                <h4>二、关于发货</h4>
                <h5>个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</h5>
                <h4>二、关于发货</h4>
                <h5>个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</h5>
                <h4>二、关于发货</h4>
                <h5>个工作日内发出（周末、法定节假日需顺延）个工作日内发出（周末、法定节假日需顺延）；</h5>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div>
        <div>
            <i class="iconfont icon-xinxi"></i>
            <span>客服</span>
        </div>
        <div>
            <i class="iconfont icon-jushoucang"></i>
            <span>收藏</span>
        </div>
        <div>
            <i class="iconfont icon-gouwuche"></i>
            <span>购物车</span>
        </div>
    </div>
    <div>
        <button>
            <span>加入购物车</span>
        </button>
        <button>
            <span>立即购买</span>
        </button>
    </div>
</div>
</body>
</html>